<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
		<link rel="stylesheet" type="text/css" href="css/util.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<style>
			
			#form{
				margin-top: 100px;
			}
			.mui-input-row{
				margin-bottom:20px;
			}
		</style>
	</head>

	<body>
		<!-- 返回头部 -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">登录</h1>
		</header>
		<form class="login100-form validate-form" id="form">
			<div class="mui-input-row">
				<label>手机号</label>
			<input type="text" class="mui-input-clear" placeholder="请输入用户名">
			</div>
			<div class="mui-input-row">
				<label>验证码</label>
				<input type="text" class="mui-input-clear" placeholder="请输入验证码">
			</div>
			<div class="container-login100-form-btn">
				<div class="wrap-login100-form-btn">
					<div class="login100-form-bgbtn"></div>
					<button class="login100-form-btn">登 录</button>
				</div>
			</div>
		
			<div class="txt1 text-center p-t-54 p-b-20">
				<span>第三方登录</span>
			</div>
		
			<div class="flex-c-m">
				<a href="#" class="login100-social-item bg1">
					<i class="fa fa-wechat"></i>
				</a>
			</div>
		
			
		</form>
		
		
		<!-- <form class="mui-input-group">
		    <div class="mui-input-row">
		        <label>手机号</label>
		    <input type="text" class="mui-input-clear" placeholder="请输入手机号">
		    </div>
		    <div class="mui-input-row">
		        <label>验证码</label>
		        <input type="text" class="mui-input-clear" placeholder="请输入验证码">
		    </div>
		    <div class="mui-button-row">
		        <button type="button" class="mui-btn mui-btn-primary" >确认</button>
		        <button type="button" class="mui-btn mui-btn-danger" >取消</button>
		    </div>
		</form> -->
		
		
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
